/**************************************************************
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
***************************************************************/

@import url("base.css");
@import url("jquery.ui.css");
@import url("jquery.uniform.css");


html, body, #wrap {height: 100%; margin:0; padding:0;}

body > #wrap {height: auto; min-height: 100%;}

body {
background:#222;
line-height: 1.5em;
color: black;
font-size: 11px;
}

#wrap {background:#fff}


/* ===== Basic Element Styles ===== */


.disabled {
color: #ccc;
text-decoration: none;
}

body,textarea,input,select {
font-family:Verdana, Geneva, sans-serif;
}

hr {
background-color: #999999;
border: 0;
height: 0.1em;
margin: 0.5em 0 0.5em 0;
}

input[type="radio"],input[type="checkbox"] {
font-size: 1.1em;
margin: 0.2em;
vertical-align:middle;
}

input[type="text"],input[type="password"] {
padding:4px 10px;
	background:#fff;
	color:#444;
	
	border-width:1px;
	border-style:solid;
	border-color:#d9d9d9 #eaeaea #efefef;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	
	font-size:11px;
	margin-right:5px;
	width:50%;

}

input[type="submit"],input[type="button"],input[type="reset"], button {
-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    
    cursor: pointer;
    display: inline-block;
    font: 11px/100% Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding: 6px 10px;
    outline: none !important;
    text-align: center;
    text-decoration: none;
    letter-spacing:0.03em;

    -moz-box-sizing: border-box !important;
    line-height: 11px;
    
    color: #fff;
    border:1px solid #749217;
    background: #8fc857;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fc857), to(#5c9425));
    background: -moz-linear-gradient(top,  #8fc857,  #5c9425);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');
    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
    text-transform:uppercase;
}

input[type="submit"]:hover {
border:1px solid #749217 !important;
    background: #8fbb44;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fbb44), to(#5c8825));
    background: -moz-linear-gradient(top,  #8fbb44,  #5c8825);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fbb44', endColorstr='#5c8825');
}

input[type="file"] {
padding:40px 0;
	
}

select {
padding:6px 10px;
	background:#fff;
	color:#444;
	
	border-width:1px;
	border-style:solid;
	border-color:#d9d9d9 #eaeaea #efefef;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	
	font-size:11px;
	margin-right:15px;
	width:50%;
	overflow:hidden;
}

select[multiple="multiple"] {
height: 5em;
}



/* IE7 fix */
table {
font-size: 1em;
}



textarea {
padding:4px 10px;
	background:#fff;
	color:#444;
	
	border-width:1px;
	border-style:solid;
	border-color:#d9d9d9 #eaeaea #efefef;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	
	font-size:11px;
	margin-right:15px;
}

th,th a {
color: #000000;
font-weight: bold;
}

/* ===== Legacy Styles ===== */
/* The "smallSubmit" class can be used to decorate
links (A elements) and make them similar to form's buttons. */
.smallSubmit,.smallSubmit:visited {
-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    
    cursor: pointer;
    display: inline-block;
    font: 11px/100% Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding: 6px 10px;
    outline: none !important;
    text-align: center;
    text-decoration: none;
    letter-spacing:0.03em;

    -moz-box-sizing: border-box !important;
    line-height: 11px;
    
    color: #fff;
    border:1px solid #749217;
    background: #8fc857;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fc857), to(#5c9425));
    background: -moz-linear-gradient(top,  #8fc857,  #5c9425);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');
    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
    text-transform:uppercase;
}

.smallSubmit:hover {
border:1px solid #749217 !important;
    background: #8fbb44;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fbb44), to(#5c8825));
    background: -moz-linear-gradient(top,  #8fbb44,  #5c8825);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fbb44', endColorstr='#5c8825');
text-decoration: none;
}

.smallSubmit:active {
text-decoration: none;
}

.info {
color: #000000;
font-style: normal;
}

.boxhead {
color: #FFFFFF;
font-size: 1.1em;
font-weight: bold;
}

.boxlink {
float: right;
}

.boxtop {
background-color: #000099;
border-color: #999999;
border-style: solid;
margin: 0 auto 0 auto;
padding: 0.1em 0.4em 0.1em 0.4em;
text-align: center;
}

.boxhead-left {
border: none;
color: #FFFFFF;
float: left;
font-size: 1.1em;
font-weight: bold;
width: auto;
}

.boxhead-fill {
border: none;
color: #FFFFFF;
font-size: 1.1em;
font-weight: bold;
text-align: center;
width: 0;
}

.boxhead-right {
border: none;
color: #FFFFFF;
float: right;
font-size: 1.1em;
font-weight: bold;
width: auto;
}

.boxheadbutton {
color: #FFFFFF;
font-size: 1.1em;
}

.boxheadbutton:hover {
color: #ff0000;
text-decoration: none;
}

.boxoutside {
background-color: #FFFFFF;
border: 0.1em solid #999999;
}

.boxtop {
background-color: #000099;
border: 0 solid #999999;
padding: 0.1em 0.4em 0.1em 0.4em;
}

.boxbottom {
background-color: #FFFFFF;
border: 0 solid #999999;
padding: 0.4em;
}

.button {
-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    
    cursor: pointer;
    display: inline-block;
    font: 11px/100% Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding: 6px 10px;
    outline: none !important;
    text-align: center;
    text-decoration: none;
    letter-spacing:0.03em;

    -moz-box-sizing: border-box !important;
    line-height: 11px;
    
    color: #fff;
    border:1px solid #749217;
    background: #8fc857;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fc857), to(#5c9425));
    background: -moz-linear-gradient(top,  #8fc857,  #5c9425);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');
    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
    text-transform:uppercase;
}

.browsecategorylist {
margin-left: 10px;
}

.browsecategorytext {
color: #000099;
font-weight: bold;

}



.browsecategorybutton {
color: #181818;
}

.browsecategorybuttondisabled {
color: #333333;
font-weight: bold;
}

a.buttontext, a.buttontextdisabled {
-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    
    cursor: pointer;
    display: inline-block;
    font: 11px/100% Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding: 6px 10px;
    outline: none !important;
    text-align: center;
    text-decoration: none;
    letter-spacing:0.03em;

    -moz-box-sizing: border-box !important;
    line-height: 11px;
    
    color: #fff;
    border:1px solid #749217;
    background: #8fc857;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fc857), to(#5c9425));
    background: -moz-linear-gradient(top,  #8fc857,  #5c9425);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');
    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
    text-transform:uppercase;

}



a.buttontext:hover {
border:1px solid #749217 !important;
    background: #8fbb44;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fbb44), to(#5c8825));
    background: -moz-linear-gradient(top,  #8fbb44,  #5c8825);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fbb44', endColorstr='#5c8825');
}

a.linktext {
color: #000099;
}

a.linktext:hover {
color: #ff0000;
}

.buttontextdisabled {
color: #333333;
}

a.headerbuttontext {
color: #000099;
}

a.headerbuttontext:hover {
color: #000000;
}

.submenutextinfo {
border-right: 0.1em solid #5886C6;
color: #ffffff;
font-size: 0.9em;
font-weight: bold;
padding-left: 0.5em;
padding-right: 0.5em;
}

.submenutext,A.submenutext,A.submenutext:visited {
border-right: 0.1em solid #5886C6;
color: #ffff00;
font-size: 0.9em;
font-weight: bold;
padding-left: 0.2em;
padding-right: 0.5em;
}

.submenutext:hover {
color: #ffff00;
}

.submenutextdisabled,A.submenutextdisabled {
border-right: 0.1em solid #5886C6;
color: #CCCCCC;
font-size: 0.9em;
font-weight: bold;
padding-left: 0.2em;
padding-right: 0.5em;
}

.submenutextdisabled:hover {
color: #ffff00;
}

.submenutextinforight {
color: #ffffff;
font-size: 0.9em;
font-weight: bold;
padding-left: 0.2em;
}

.submenutextright,A.submenutextright {
color: #ffff00;
font-size: 0.9em;
font-weight: bold;
padding-left: 0.2em;
}

.submenutextright:hover {
color: #ffff00;
}

.submenutextrightdisabled,A.submenutextrightdisabled {
color: #CCCCCC;
font-size: 0.9em;
font-weight: bold;
padding-left: 0.2em;
}

.submenutextrightdisabled:hover {
color: #ffff00;
}

.lightbuttontext {
border: none;
color: #ffff00;
}

.lightbuttontext:hover {
color: #ffff00;
}

.lightbuttontextsmall {
border: none;
color: #ffff00;
font-size: 0.8em;
}

.lightbuttontextsmall:hover {
color: #ffff00;
}

.lightbuttontextdisabled {
color: #CCCCCC;
font-weight: bold;
}

.buttontextbig,.buttontextbigdisabled {
background-color: #ffffff;
border: #999999 solid 0.1em;
font-size: 1.5em;
font-weight: bold;
margin: 0.2em;
padding: 0.1em 0.4em 0.1em 0.4em;
}

.buttontextbig {
color: #000099;
}

.buttontextbigdisabled {
color: #CCCCCC;
}

.buttontextbig:hover {
color: #ff0000;
}

.imageborder {
border: 0.1em solid #999999;
}

/* ===== System messages rendering ===== */
.eventMessage,
.errorMessage {
font-size: 12px;
font-weight: bold;
padding: 20px;
position:absolute;
width:500px;
left:50%;
margin-left:-250px;
top:-5px;
z-index:99999;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    -moz-box-shadow:1px 2px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow:1px 2px 0 rgba(0,0,0,0.5);
    box-shadow:1px 2px 0 rgba(0,0,0,0.5);

}
.eventMessage {
    border: 1px solid #b8c97b;
    background: #e5edc4;
    background: -webkit-gradient(linear, left top, left bottom, from(#e5edc4), to(#d9e4ac));
    background: -moz-linear-gradient(top,  #e5edc4,  #d9e4ac);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5edc4', endColorstr='#d9e4ac');
    color: #3f7227;
    text-shadow: 0 1px 0 #fff;

    
    
}
.errorMessage {
border: 1px solid #eeb7ba;
    background: #fae2e2;
    background: -webkit-gradient(linear, left top, left bottom, from(#fae2e2), to(#f2cacb));
    background: -moz-linear-gradient(top,  #fae2e2,  #f2cacb);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae2e2', endColorstr='#f2cacb');
    color: #be4741;
    text-shadow: 0 1px 0 #fff;

}

.content-messages p {
    font-weight:bold;
    margin: 0 0 5px 0;
}

.content-messages p:first-child {
    font-weight:bold;
    font-size:14px;
    margin: 5px 0 10px 0;
}

.mediumSubmit,.largeSubmit,.loginButton {
background-color: #ffffff;
border: #999999 solid 0.1em;
color: #000099;
font-size: 1.4em;
font-weight: bold;
margin: 0.2em;
}

.mediumSubmit:hover,.largeSubmit:hover,.loginButton:hover {
color: #ff0000;
}

.smallAltSubmit,.mediumAltSubmit,.largeAltSubmit {
font-size: 1.1em;
}



.treeWrapper {
background-color: #ffffff;
border-top: 0.1em solid #000000;
border-left: 0.1em solid #000000;
color: #000000;
font-size: 1.6em;
font-weight: normal;
margin-left: 1.2em;
margin-top: 0.2em;
text-align: left;
text-decoration: none;
}

.lefthalf {
float: left;
height: 1%;
left: 0;
margin: 0% 1% 1% 0%;
width: 49%;
}

.righthalf {
float: right;
height: 1%;
margin: 0 0 1% 1%;
right: 0;
width: 49%;
}

.leftclear {
clear: left;
height: 1%;
}

/* ==== Styles For Form Widgets === */
.formTableBordered {
border: 0.1em solid #999999;
width: 100%;
}

/* ==== Styles For The Html Log === */
.DEBUG {
color: #808080;
}

.WARN {
color: #0000ff;
font-weight: bold;
}

.INFO {
color: #008000;
}

.ERROR {
border: 0.2em solid #ff0000;
color: #ff0000;
font-weight: bold;
}

.treewrapper {
margin-left: 1em;
}

.treeitem {
border: #888888 solid 0.1em;
color: #0000ff;
font-size: 1.4em;
font-weight: bold;
}

.appbar {
background-color: #ffffff;
}

.whitearea {
background-color: #FFFFFF;
}

.blackarea {
background-color: #000000;
}

.page-title {
display: none;
}

.row {
background-color: #B4B0AA;
margin: 0 auto 0 auto;
text-align: center;
}

.col {
border: none;
float: left;
width: auto;
}

.col-fill {
background-color: #B4B0AA;
border: none;
color: #000099;
font-weight: bold;
text-align: center;
width: 0;
}

.col-right {
border: none;
float: right;
width: auto;
}

.contentarea {
border-top:1px solid #222;
padding:0;
margin:0;
}

.endcolumns { /* deprecated - use .clear */
clear: both;
}

.simple-right-small {
float: right;
width: 2em;
text-align: right;
}

.simple-right-half {
float: right;
width: 50%;
text-align: right;
}

#main {
    clear:both;
    padding:0 0 38px 0;
    margin: 0;
    height:auto;
    min-height:100%;
    position:relative;
}



#column-container {
margin: 0;
padding: 10px;
position: relative;
}

#column-container h1, #column-container .h1 {
margin-bottom: 18px;
margin-top:5px;
_margin-top:.5em;
padding-left:0;
color:#251f16;
font-weight:bold;
font-size:17px;
}

#column-container h2, #column-container .h2 {
margin-bottom: 0px;
_margin-top:8px;
padding-bottom:8px;
padding-left:8px;
padding-top:4px;
color:#111111;
font-size:14px;
font-weight:bold;
}

#column-container .left {
float: left;
/* alt: position: absolute; top: 0px; left: 0px; */
width: 22em;
margin-right: 1em;

}

#column-container .left-larger {
float: left;
width: 25em;
margin-right: 1em;
}

.left-border {
float: left;
margin-right: 1em;
width: 22em;
border-right: 0.5px dotted #ccc;
background-color: #eee;
height: 100%;
}

#column-container .right {
float: right;
margin-left: 1em;
width: 22em;
}

#column-container .leftonly {
margin-left: 23em;
width: auto;
}

#column-container .leftonly-larger {
margin-left: 26em;
width: auto;
}

#column-container .rightonly {
margin-right: 23em;
width: auto;
}

#column-container .center {
margin-left: 23em;
margin-right: 23em;
width: auto;
}

#column-container .nocolumns {
width: auto;
}

.column-left-wide {
background-color: #CCCCCC;
border: #000000 solid 0.2em;
float: left;
overflow: auto;
width: 30em;
}

.widget-container {
margin-bottom: 2em;
}



.no-clear .clear {
/* Used in container elements to override the clear class
in contained elements. */
clear: none;
}

/* ================================= */
 /* ===== Single Element Styles ===== */
 /* ================================= */
.alert { /* Used for alert text */
color: #ff0000;
}


.hidden {
height: 0;
display: none;
}

.label {
/* Used for <input> element labels */
font-weight: bold;
height: 1.2em;
/* Same as <input> height */
padding-right: 1.1em;
text-align: right;
white-space: nowrap;
width: 1%;
vertical-align: middle;
}

.required,input.required {
/* required style for <input> elements */
background:#e5edc4;
border-width:1px;
border-style:solid;
border-color:#b8c97b #eaeaea #efefef;
}

.tooltip { /* tooltip style */
display:none;
}

.visible {
height: auto;
visibility: visible;
}

/* ================================== */
/* ===== Used to align elements ===== */
/* ================================== */
.align-float {
float: right;
}

.align-text {
text-align: right;
}

.align-top {
vertical-align: top;
}

.centered {
text-align: center;
}

.tabbar {
background: #048FC2;
height: 34px;
width: 100%;
border-bottom: 1px solid #2EAAD8;
position:absolute;
bottom:0;
}

.tabbar .breadcrumbs-sep {
color: #fff;
float: left;
padding: 0px 15px 0px 17px;
font-size: 24px;
font-weight: bold;
height:34px;
line-height:34px;
position:relative;
text-transform:uppercase;
margin:-2px 0 0 0;
text-shadow: 0 1px 1px rgba(0,0,0,0.75);
}


/* ==================================== */
/* ===== Masthead (Header) Styles ===== */
/* ==================================== */
#masthead {
background: #048FC2;
font-weight: bold;
height:74px;
position:relative;
}

#masthead h1 {
    font-size:16px;
float: left;
height:40px;
line-height:40px;
padding:0;
margin-top:0;
margin-bottom:0;
text-transform:none;

}

#masthead h1 a {
    text-decoration:none;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    padding:0 10px;
}

#masthead h1 span.user {
    color:#7CD2EA;
    font-size:10px;
    font-weight:normal;
    text-transform:uppercase;
    
}

#masthead h1 span.user a {
    text-decoration:none;
    color:#7CD2EA;
    font-size:10px;
    font-weight:normal;
   text-transform:uppercase;
   padding:0;
}





/* ================================================== */
/* ===== Main Navigation (App Menu) Styles ========== */
/* ================================================== */
#main-navigation,#app-navigation {
height:34px;
float: left;

}

#main-navigation {

position:relative;
height:34px;

color: #fff;
    border: 1px solid #0076a3;
   
    background: url(../images/arrow-gr-dw.png) center right no-repeat #00adee;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    margin:-2px 0 0 0;
}

#main-navigation span{
    border-right: 16px solid transparent;
    border-left: 16px solid #0078a5;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    height: 0;
    line-height: 0;
    position: absolute;
    right: -32px;
    top: 0;
    width: 0;
    z-index:999;
    

}


#app-navigation {
color: #fff;
    border: 1px solid #0076a3;
    border-left:1px solid #2EAAD8;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    height:34px;
    margin:-2px 0 0 0;
}
.menu_selected #app-navigation {
background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00B1E3), to(#0098C7));
    background: -moz-linear-gradient(top,  #00B1E3,  #0098C7);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B1E3', endColorstr='#0098C7');
height:34px;



}

#main-navigation h2,#app-navigation h2 {
color: #FFFFFF;
cursor: pointer;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding:10px 15px 10px 17px;
font-family:Verdana, Geneva, sans-serif;
text-shadow: 0 1px 1px rgba(0,0,0,0.75);
margin:0;
line-height:1.4em;
}

#main-navigation h2 {
    background:url(../images/app.png) top center no-repeat;
    text-indent:-9999px;
    width:50px;
}

#app-navigation h2 {
background: url(../images/arrow-gr-dw.png) 91% 50% no-repeat;
color: #fff;
font-weight: bold;
padding: 10px 33px 10px 17px;
text-transform:none;
}
.menu_selected #app-navigation h2 {
background: url(../images/arrow-gr-dw.png) 91% 50% no-repeat;
color: #FFFFFF;
font-weight: bold;
padding: 10px 33px 10px 17px;
}

#app-navigation .clear {
clear: none;
}

#main-navigation ul li ul,
#app-navigation ul li ul {

float:left;
}

#main-navigation ul li ul li ul.secondary{
left:200px;
}

#main-navigation ul li ul li a,
#app-navigation ul li ul li a {
display:block;
padding:5px 16px;
font-size:11px;
font-weight:normal;
color: #FFFFFF;
text-shadow: 0 1px 1px rgba(0,0,0,0.75);
}

#main-navigation ul li ul li a:hover,
#app-navigation ul li ul li a:hover {
background-color:#00a8da;
text-decoration:none;
}

#main-navigation ul li ul li a.disabled,
#app-navigation ul li ul li a.disabled {
color:#999999;
}

#main-navigation ul li ul li.selected a,
#app-navigation ul li ul li.selected a {
background-color:#2eaad8;
color:#fff;
}

#main-navigation ul li ul li.selected a:hover,
#app-navigation ul li ul li.selected a:hover {
background-color:#00a8da;
}

#main-navigation ul.main,
#app-navigation li ul{
position:absolute;
z-index:9999;
display:none;
background-color:#008CC1;
border-left: 1px solid #00779C;
border-right: 2px solid #00779C;
border-bottom: 2px solid #00779C;
width:400px;
margin:0px 0 0 -1px;
padding:5px 0;
}

#main-navigation ul.main li {
    float:left;
    width:165px;
}

/* ============================ */
/* ===== Screenlet Styles ===== */
/* ============================ */
.screenlet {
height: auto !important;
height: 1%;
margin:0;
}

.screenlet-title-bar {
background: #f7f7f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));
    background: -moz-linear-gradient(top,  #f7f7f7,  #e1e1e1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e1e1e1');
    color: #333;
    cursor: pointer;
    text-shadow: 0 1px 0 #fff;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    
     -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;

    border:1px solid #ccc;
    height:30px;
    margin:5px 0 0;


}

.screenlet-title-bar .h1,
.screenlet-title-bar .h2,
.screenlet-title-bar .h3,
.screenlet-title-bar h1,
.screenlet-title-bar h2,
.screenlet-title-bar h3 {
font-weight: bold;
font-size:13px;
padding: 0 5px;
}

.screenlet-title-bar ul {
display: inline; /* IE Fix */
}

.screenlet-title-bar ul li {
border-left: 0.1em solid #BBBBBB;

float: right;
font-size: 1em;
font-weight: bold;
padding: 0 5px;
height:30px;
line-height:30px;
}

.screenlet-title-bar ul h1,
.screenlet-title-bar ul h2,
.screenlet-title-bar ul h3,
.screenlet-title-bar ul .h1,
.screenlet-title-bar ul .h2,
.screenlet-title-bar ul .h3 {
border-left: none;
font-size:12px;
float: left;
font-weight:bold;
line-height:24px;
padding:3px 6px;
}

.screenlet-title-bar .h1 {
font-size: 1.6em;
}

.screenlet-title-bar .h2 {
font-size: 1.3em;
}

.screenlet-title-bar .h3,.screenlet-title-bar .head4 {
font-size:15px;
}

.screenlet-title-bar .h3 a {
color: #ffff66;
display: inline;
}

.screenlet-title-bar ul a {
color: #333;
display: block;
text-transform:lowercase;
font-size:9px;
}

.screenlet-title-bar ul a:hover {
color: #000;
text-decoration: none;
}

.screenlet-title-bar ul .disabled {
color: #CCCCCC;
}

.screenlet-title-bar ul .collapsed,
.screenlet-title-bar ul .collapsed:hover {
background: url(../images/bullet_arrow_down.png) no-repeat right;
width:16px;
border:none;
}

.screenlet-title-bar ul .expanded,
.screenlet-title-bar ul .expanded:hover {
background: url(../images/bullet_arrow_up.png) no-repeat right;
width:16px;
border:none;
}

.screenlet-title-bar ul .collapsed a,
.screenlet-title-bar ul .expanded a {
cursor: pointer;
}

.screenlet-body {
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
height:auto !important;

background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#efefef));
    background: -moz-linear-gradient(top,  #f9f9f9,  #efefef);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#efefef');
    padding:5px 10px;
    color:#000;
    font-size:11px;



}

.screenlet-body h1, .screenlet-body .h1 {
margin-bottom: 0.5em;
margin-top:.5em;
padding-left:.5em;
color:#f1f1f1;
font-weight:normal;
font-size:18px;
}

.screenlet-body h2, .screenlet-body .h2 {
margin-left:-5px;
margin-right:-5px;
}

.no-padding h2, .no-padding .h2 {
margin:0;
}




/***********************************************
ajax auto complete
***********************************************/
div.autocomplete {
  position:absolute;
  width:auto !important;
/* min-width:154px; */
  background-color:#f8f8f8;
  border:1px solid #999999;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected {
 background-color: #ffb;
}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  float: none;
  margin:0;
  padding:2px;
  /*height:32px;*/
  cursor:pointer;
}

.indicator img {
  background: url(/images/ajax-loader.gif) no-repeat 0 0;
  display: block;
  margin:3px 10px 0px 34px;
  width:16px;
  height:16px;
  border: none;
}
/* ======================================================= */
/* ===== Basic Navigation (Vertical Menu) Style ========== */
/* ======================================================= */
.basic-nav { /* indent menu - helpful for widgets */
padding-left: 1em;
}

.basic-nav ul a {
color: #000099;
font-size: 1.1em;
}

.basic-nav ul .selected,.basic-nav ul .selected a {
color: #0000ff;
}

.basic-nav ul a:hover {
color: #0000ff;
}

.basic-nav ul .disabled,.basic-nav ul .disabled a {
color: #D4D0C8;
}

/* ======================================== */
/* ===== Button Bar Navigation Styles ===== */
/* ======================================== */

.button-bar {
margin: 0 0 10px;
}

.button-bar ul {
display: inline; /* IE Fix */
}

.button-bar ul li {
float: left;
font-weight: bold;
margin:0 2px 0 0;
}

.button-bar ul .opposed {
float: right;
}

.button-bar ul a,.button-bar a {

white-space: nowrap;
text-transform:uppercase;
}



.button-bar ul a.create:hover,.button-bar a.create:hover {
border:1px solid #749217 !important;
    background: #8fbb44;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fbb44), to(#5c8825));
    background: -moz-linear-gradient(top,  #8fbb44,  #5c8825);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fbb44', endColorstr='#5c8825');
}

.button-bar ul a:hover,.button-bar a:hover {
border:1px solid #749217 !important;
    background: #8fbb44;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fbb44), to(#5c8825));
    background: -moz-linear-gradient(top,  #8fbb44,  #5c8825);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fbb44', endColorstr='#5c8825');
}



.button-bar .opposed,.button-bar .opposed li,.button-bar ul .opposed {
float: right;
}

/* ===== Button style decorator ===== */
.button-style-1 ul li,.tabContainer ul li {
background-color: #ffffff;
color: #000099;
}

.button-style-1 a,.button-style-1 ul a,a.button-style-1 {
background-color: #D4D0C8;
border: solid #000099 0.1em;
color: #000099;
}

.button-style-1 .selected,.button-style-1 ul .selected,.button-style-1 ul .selected a {
background-color: #000099;
color: #ffffff;
}

.button-style-1 a:hover,.button-style-1 ul a:hover,a.button-style-1:hover {
background-color: #000099;
color: #ffffff;
text-decoration: none;
}

/* ===== Button style decorator ===== */
.button-style-2 ul li {
margin:0 2px 0 0;
}

.button-style-2 ul a,.button-style-2 a,a.button-style-2 {
-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    
    cursor: pointer;
    display: inline-block;
    font: 10px/100% Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding: 8px 10px;
    outline: none !important;
    text-align: center;
    text-decoration: none;
    letter-spacing:0.03em;

    -moz-box-sizing: border-box !important;
    line-height: 12px;
    
    color: #fff;
    border:1px solid #749217;
    background: #8fc857;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fc857), to(#5c9425));
    background: -moz-linear-gradient(top,  #8fc857,  #5c9425);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');
    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
}

.button-style-2 ul .selected a,.button-style-2 .selected {

color: #ffffff;
}

.button-style-2 ul a:hover,.button-style-2 a:hover,a.button-style-2:hover {

text-decoration: none;
}

.button-style-2 .disabled {
background-color: #ffffff;
border: solid #D4D0C8 0.1em;
color: #D4D0C8;
padding:0.1em 0.5em;
}

/* ===== Button bar decorators ===== */
.tool-bar {
background-color: #D4D0C8;
border: 0.1em solid #000099;
padding: 0.2em;
}

.tool-bar ul li {
background-color: #D4D0C8;
padding: 0.1em;
}

/* tab-bar decorator intended to be used at
the top of the main content area */
.tab-bar {

background: url(../images/tab-bar.png) bottom left repeat-x #fefefe;
padding:8px 0px 5px;
font-size:11px;
margin: 0px;
}

.tab-bar:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.tab-bar {display: inline-block;}
html[xmlns] .tab-bar { display: block; }
* html .tab-bar { height: 1%;}
.tab-bar {display: block;}

.tab-bar ul li {
margin: 0 2px 2px;
float:left;
padding:0;
}

.tab-bar ul a {
display: block;
}

.tab-bar ul a,.tab-bar ul a:visited {
-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    
    cursor: pointer;
    display: inline-block;
    font: 9px/100% Arial, Helvetica, sans-serif;
    padding: 5px 10px;
    outline: none !important;
    text-align: center;
    text-decoration: none;

    -moz-box-sizing: border-box !important;
    line-height: 12px;
    
    color: #fff;
    border: 1px solid #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);


}

.tab-bar ul a:hover {
background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
color:#fff;
}

.tab-bar ul .selected,.tab-bar ul .selected a,.tab-bar ul .selected a:hover {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
background: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');

}

.tab-bar ul .disabled {
color: #D4D0C8;
padding: 0.1em 0.4em 0.1em 0.4em;
}

.tab-bar .opposed,.tab-bar .opposed li,.tab-bar ul .opposed {
border-left: 0.1em solid #5f9fcf;
border-right: none;
}

.leftonly .tab-bar {
margin-left:0px;
margin-right:-12px;
padding-bottom:4px;
}
/* ======================== */
/* ===== Table Styles ===== */
/* ======================== */
.basic-table {
color: #000000;
width: 100%;
}

form .basic-table,.screenlet-body .basic-table {
margin-bottom: 0;
}

.basic-table tr td { /* Style for all cells */
padding: 5px;
vertical-align: middle;
}

.basic-table tr td > div {font-size:11px; margin:2px 0 0}

.basic-table tr td > span {font-size:11px}

.basic-table tr .label,.basic-table tr .group-label {
/* field labels for forms */
font-weight: normal;
text-align: left;
padding-right: 0;
white-space: nowrap;
font-size:11px;
margin:10px 0 -10px;
}

.basic-table tr .group-label { /* "header" for field label groups */
font-size: 1.2em;
padding: 2em 1.5em 0 0;
}

.basic-table tr.header-row,
.basic-table tr.header-row-2 {
    
background: #2d91c3;
    background: -moz-linear-gradient(top,  #2d91c3,  #1d507d);
    background: -webkit-gradient(linear, left top, left bottom, from(#2d91c3), to(#1d507d));

    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    color:#fff;
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -khtml-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    
    border: 1px solid #1d507d;
    font-size:10px;
    
    height:20px;


    
}

.basic-table tr th,.basic-table .header-row {
font-weight: normal;
text-align: left;
}

.basic-table .header-row td {
border-bottom: 0.1em solid #000000;
}

.basic-table .header-row td a {
color: #000000;
}

.basic-table .alternate-row { /* Alternating row style */
background-color:#dfdfdf;
}

.basic-table .selected {
background: #FFFCCF;
}

.basic-table .alternate-rowSelected {
background: #FFF55F;
}

.basic-table .Validate { /*Style use by alt-row-style on list*/
background: #A0D5F7;
}

.basic-table .alternate-rowValidate {
/*Style use by alt-row-style on list*/
background: #72A8F2;
}

.basic-table .Warn { /*Style use by alt-row-style on list*/
background: #f55C5C;
}

.basic-table .alternate-rowWarn { /*Style use by alt-row-style on list*/
background: #FC7455;
}

.basic-table tr .button-col { /* button column style - for the small
collection of buttons used in lists */
vertical-align: top;
}

.basic-table tr .button-col a {
-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    
    cursor: pointer;
    display: inline-block;
    font: 11px/100% Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding: 6px 10px;
    outline: none !important;
    text-align: center;
    text-decoration: none;
    letter-spacing:0.03em;

    -moz-box-sizing: border-box !important;
    line-height: 11px;
    
    color: #fff;
    border:1px solid #749217;
    background: #8fc857;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fc857), to(#5c9425));
    background: -moz-linear-gradient(top,  #8fc857,  #5c9425);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');
    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
    text-transform:uppercase;
}

.basic-table tr .smallSubmit,.basic-table tr .smallSubmit:visited {

white-space: nowrap;
}

.basic-table tr .button-col a:hover,.basic-table tr .button-col a:active,.basic-table tr .smallSubmit:hover,.basic-table tr .smallSubmit:active {
border:1px solid #749217 !important;
    background: #8fbb44;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fbb44), to(#5c8825));
    background: -moz-linear-gradient(top,  #8fbb44,  #5c8825);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fbb44', endColorstr='#5c8825');
}

.basic-table .collapsed {
visibility: collapse;
}

/* ===== Alternate table header style ===== */
.basic-table .header-row-2 th,.basic-table .header-row-2 td {
background-color: #1e1e1d;
background-image: url(../images/bkgd_header.gif);
background-repeat:repeat-x;
border-bottom: 0;
padding-left:5px;
border-left: 0.1em solid #81817f;
color: #fcfbf4;
font-weight: normal;
text-align: left;
}

.basic-table .header-row-2 th a,.basic-table .header-row-2 td a {
background-color: #999999;
border-bottom: 0;
color: #ffffff;
font-weight: bold;
text-align: left;
text-decoration: none;
}

/* ===== Sort field style ===== */
.basic-table .header-row-2 th .sort-order-asc,.basic-table .header-row-2 td .sort-order-asc {
background: url(../images/arrow-gr-up.png) no-repeat right;
padding-right: 20px;
}

.basic-table .header-row-2 th .sort-order-desc,.basic-table .header-row-2 td .sort-order-desc {
background: url(../images/arrow-gr-dw.png) no-repeat right;
padding-right: 20px;
}

.basic-table .header-row-2 th .sort-order,.basic-table .header-row-2 td .sort-order {
background: transparent;
padding-right: 20px;
}

/* ===== Table decorator - Hover bar ===== */
.hover-bar tr:hover {
background-color: #cccccc;
cursor: default;
}

.hover-bar .header-row:hover,.hover-bar tr th:hover {
background-color: #ffffff;

}

/* ===== Table decorator - Grid ===== */
/* These decorators need an IE hack. IE7 does not
render borders around empty <td> elements */
.dark-grid { /* dark grid */
border-right: 0.1em solid #000000;
border-top: 0.1em solid #000000;
}

.dark-grid td,.dark-grid .header-row-2 th,.dark-grid .header-row-2 td {
border-bottom: 0.1em solid #000000;
border-left: 0.1em solid #000000;
}

.light-grid { /* light grid */
border-right: 0.1em solid #cccccc;
border-top: 0.1em solid #cccccc;
}

.light-grid td,.light-grid .header-row td {
border-bottom: 0.1em solid #cccccc;
border-left: 0.1em solid #cccccc;
}

/* ===== Table decorator - Calendar ===== */
.calendar {
border-right: 0.1em solid #cccccc;
}

.calendar tr td {
border-bottom: 0.1em solid #cccccc;
border-left: 0.1em solid #cccccc;
vertical-align: top;
padding: 0.5em;
}

.calendar .header-row td {
background-color: #69a9d9;
border-bottom: 0.1em solid #cccccc;
border-left: 0.1em solid #cccccc;
color: #ffffff;
height: auto;
text-align: center;
}

.calendar tr td .add-new {
float: right;
}

.calendar tr td .h1 {
color: #000099;
float: left;
}

.calendar .current-period {
background-color: #ffffcc;
}

.calendar .active-period {
background-color: #eeeeee;
}

/* ======================= */
/* ===== Tree Styles ===== */
/* ======================= */


.basic-tree ul {
padding-left: 1em;
}

.basic-tree li {
padding-left: 1em;
white-space: nowrap;
}

.basic-tree li .expanded {
background: url(/images/collapse.gif) no-repeat left center;
padding-right: 1em;
}

.basic-tree li .collapsed {
background: url(/images/expand.gif) no-repeat left center;
padding-right: 1em;
}

.basic-tree li .leafnode {
background: url(/images/expand-collapse-placeholder.gif) no-repeat left center;
padding-right: 1em;
}

.basic-tree li .treeitem { /* treeitem is deprecated */
border-style: none;
color: #000099;
font-size: 1em;
}

.basic-tree li a:hover {
color: #0000ff;
}

/* ======================== */
/* ===== Form Styles ===== */
/* ======================== */
.basic-form table {
width: 100%;
}

.basic-form table .header-row:hover {
background-color: #ffffff;
color: #000000;
}

.basic-form table tr td {
padding: 0.1em;
}

.basic-form table tr .label,.basic-form table tr .group-label {
/* field labels for forms */
font-weight: normal;
text-align: left;
margin:5px 0 3px;
}

.basic-form table tr .group-label {
/* "header" for field label groups */
font-size: 1.2em;
padding: 2em 1.5em 0 0;
}

.basic-form table tr th,.basic-form table .header-row {
font-weight: normal;
text-align: left;
}

.basic-form table .header-row:hover,.basic-form table tr th:hover {
background-color: #ffffff;
color: #fff;
}

.basic-form table .header-row td {

}

.basic-form table .viewManyTR1,.basic-form table .alternate-row {
/* Alternating row style */
/* .viewManyTR1 deprecated - use .alternate-row */
background-color: #eeeeee;
}

.basic-form table tr td .smallSubmit,.basic-form table tr td .smallSubmit:visited {
-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    
    cursor: pointer;
    display: inline-block;
    font: 11px/100% Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding: 8px 10px;
    outline: none !important;
    text-align: center;
    text-decoration: none;
    letter-spacing:0.03em;

    -moz-box-sizing: border-box !important;
    line-height: 11px;
    
    color: #fff;
    border:1px solid #749217;
    background: #8fc857;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fc857), to(#5c9425));
    background: -moz-linear-gradient(top,  #8fc857,  #5c9425);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');
    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
    text-transform:uppercase;
}

.basic-form table tr td .smallSubmit:hover,.basic-form table tr td .smallSubmit:active {

}

.basic-form table tr td .disabled {
background-color: #cccccc;
color: #333366;
text-decoration: none;
}

/* ===== Form decorator - Form Widget ===== */
.form-widget table tr .label,.form-widget-table tr .label {
/* Added for backward compatibility */
width: 20%;
}

.form-widget table,.form-widget-table {
width: auto;
}

.form-widget-table {
margin-bottom: 1em;
}

/* Pager */
.nav-pager {
    background:#f6f6f6;
padding:10px 0 20px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}

.nav-pager select{
margin:0;
height: auto;

}

.nav-pager ul {
display: inline; /* IE Fix */
}

.nav-pager ul li {
float: left;
line-height: 1.8em;
margin: 0px 3px;
color:#333333;
font-size:12px;
}

.nav-pager ul li.nav-displaying {
float: right;
}

.nav-pager ul li a {
display: block;

}

.nav-pager ul li span {

}

.nav-pager ul a:hover {

}



.nav-pager ul .nav-first a,
.nav-pager ul .nav-previous a,
.nav-pager ul .nav-next a,
.nav-pager ul .nav-last a,
.nav-pager ul .nav-first-disabled,
.nav-pager ul .nav-previous-disabled,
.nav-pager ul .nav-next-disabled,
.nav-pager ul .nav-last-disabled {
font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
    display: block;
    padding: 0 6px;
    height: 28px;
    line-height: 28px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    
    cursor: pointer;
    outline: none !important;
    text-align: center;
    text-decoration: none;
    
    color: #777;
    border: 1px solid #ccc;
    background: #f7f7f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));
    background: -moz-linear-gradient(top,  #f7f7f7,  #e1e1e1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e1e1e1');
    text-shadow: 0 1px 0 #fff;



}

.nav-pager ul .nav-pagesize {
padding: 0 30px 0 30px;
}

.view-calendar a {
background: url(../images/cal.png) no-repeat !important;
display: inline-block;
/* margin: 3px 10px 0px 4px; */
vertical-align:top;
margin-top:3px;
width:22px;
height:22px;
}

.field-lookup a{
background: url(../images/fieldlookup.png) no-repeat 0 0;
display: inline-block;
vertical-align:middle;
margin-top:0px;
width:17px;
height:17px;
}

.CalLookupImage {
display:inline-block;
background: url(../images/cal.png) no-repeat;
width: 22px;
height: 22px;
vertical-align:middle;
}
.CalLookupImage img {
display: none;
}

#masthead ul li.last-system-msg{
color:#FFFFFF;
padding-left:10px;
float: right;
margin-right: 20px;
}

.last-system-msg a{
color:#FFFFFF;
}

/* ================================= */
/* ===== Calendar Date Select ====== */
/* ================================= */
.calendar_date_select {
color: #fff;
border-left: #888 1px solid;
border-top: #999 1px solid;
border-right: #666 1px solid;
border-bottom: #333 1px solid;
display: block;
width: 200px;
z-index: 1000;
}

/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
iframe.ie6_blocker {
position: absolute;
z-index: 999;
}

.calendar_date_select thead th {
    font-weight: bold;
    background-image: url(../images/bkgd_header.gif);
    background-color: #CCC;
    _border-top: 1px solid #fdeb71;
    _border-bottom: 1px solid #d68a12;
    color: white !important;
}

.calendar_date_select .cds_buttons {
    text-align: center;
    padding: 5px 0px;
    background-image: url(../images/header_top_bg.gif);
    background-color: #CCC;
}

.calendar_date_select .cds_footer {
background: url(../images/cds_footer.png) repeat-x;
padding: 3px;
font-size: 11px;
color:#23190f;
text-align: center;
}

.calendar_date_select table {
margin: 0px;
padding: 0px;
}

.calendar_date_select .cds_header {
background-color: #87CEEB;
padding:5px 0;
background-image: url(../images/header_top_bg_btm.gif);
_border-bottom: 1px solid #d68a12;
text-align: center;
}

.calendar_date_select .cds_header span {
font-size: 15px;
color: #000;
font-weight: bold;
}

.calendar_date_select select {
font-size: 11px;
}

.calendar_date_select .cds_header a:hover {
color: #fff;
}

.calendar_date_select .cds_header a {
width: 22px;
height: 20px;
text-decoration: none;
font-size: 14px;
color: #fff !important;
background: none !important;
}

.calendar_date_select .cds_header a.prev {
float: left;
}

.calendar_date_select .cds_header a.next {
float: right;
}

.calendar_date_select .cds_header a.close {
float: right;
display: none;
}

.calendar_date_select .cds_header select.month {
width: 90px;
}

.calendar_date_select .cds_header select.year {
width: 61px;
}

.calendar_date_select .cds_buttons a {
color: white !important;
font-size: 9px;
background: none !important;
display: inline !important;
}

.calendar_date_select td {
    font-size: 12px;
    width: 24px;
    height: 21px;
    text-align: center;
    vertical-align: middle;
    background-color: #FFF;
    color:#333;
}

.calendar_date_select td.weekend {
background-color: #f8f3d0;
}

.calendar_date_select td div {
color: #000;
font-size:9px;
margin:-2px 8px 8px 1px;
text-align:left;
}

.calendar_date_select td div.other {
color: #444;
}

.calendar_date_select td.selected div {
color: #000;
}

.calendar_date_select tbody td {
border-bottom: 1px solid #e8dcb2;
}

.calendar_date_select td.selected {
background-color: #ea9f27;
}

.calendar_date_select td:hover {
    background-color: #FD8500;
}

.calendar_date_select td.today {
border: 1px dashed #FFFF00;
}

.calendar_date_select td.disabled div {
color: #454545;
}

.fieldWithErrors .calendar_date_select {
border: 2px solid #e37102;
}

/* ============================= */
/* ===== FieldGroup Styles ===== */
/* ============================= */
.fieldgroup-title-bar {
font-size: 1.2em;
font-weight: bold;
padding: 0;
background: #c3c4c3;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
    background: -moz-linear-gradient(top,  #eeeeee,  #dddddd);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd');
    border:1px solid #ccc;
}




.fieldgroup-title-bar ul .collapsed,.fieldgroup-title-bar ul .collapsed:hover
{
background: url(../images/bullet_toggle_plus.png) 5px 50% no-repeat;

}

.fieldgroup-title-bar ul .expanded,.fieldgroup-title-bar ul .expanded:hover
{
background: url(../images/bullet_toggle_minus.png) 5px 50% no-repeat;
}

.fieldgroup-title-bar a {
cursor:pointer;
text-decoration:none;
padding: 5px;
color: #333;
display:block;
line-height:18px;
height:18px;
font-size:10px;
font-weight:bold;
}

/* == Portlet configuration screenlet == */
.portlet-config {
background-color: #f6f6f6;
margin-bottom: 5px;
}

.portlet-config-title-bar .title {
float: left;
}

.portlet-config-title-bar select {
margin: 0;
border: none;
font-size: 10px;
height: auto;
padding: 0;
vertical-align: top;
}

.portlet-config-title-bar ul {
display: inline; /* IE Fix */
}

.portlet-config-title-bar ul li {
float: right;
font-size: 1em;
font-weight: bold;
padding: 0.1em 0.5em 0.2em 0.5em;
}

.portlet-config-title-bar ul li.move-up {
background: url(/images/arrow-single-up-green.png) no-repeat center center;
}

.portlet-config-title-bar ul li.move-down {
background: url(/images/arrow-single-down-green.png) no-repeat center center;
}

.portlet-config-title-bar ul li.move-left {
background: url(/images/arrow-single-left-green.png) no-repeat center center;
}

.portlet-config-title-bar ul li.move-right {
background: url(/images/arrow-single-right-green.png) no-repeat center center;
}

.portlet-config-title-bar ul li.move-top {
background: url(/images/arrow-end-up-green.png) no-repeat center center;
}

.portlet-config-title-bar ul li.move-bottom {
background: url(/images/arrow-end-down-green.png) no-repeat center center;
}

.portlet-config-title-bar ul li.remove {
background: url(/images/mini-trash.png) no-repeat center center;
}

.portlet-config-title-bar ul li.edit {
background: url(/images/mini-edit.png) no-repeat center center;
}

/* == Portal Manager Toolbar == */
#manage-portal-toolbar {
background-color: #D4D0C8;
margin-bottom: 0.5em;
}

#manage-portal-toolbar ul li {
float: left;
padding: 0.1em 0.5em 0.2em 0.5em;
}

#manage-portal-toolbar #config-on-off,#manage-portal-toolbar #manage-portal-page,#manage-portal-toolbar #add-column {
float: right;
}

#manage-portal-toolbar #portal-page-name {
font-size: 1.5em;
font-weight: bold;
}

.manage-portal-column-toolbar #add-portlet,.manage-portal-column-toolbar #delete-column,.manage-portal-column-toolbar #column-width {
float: right;
}

.portal-column-config-title-bar {
padding-left: 5px;
}

.portal-column-config-title-bar ul li {
float: left;
}
.portal-column-config {
background: #FFFFFF;
}

/***********************************************
Webtools
***********************************************/
.webToolList h3 {
margin:0.75em 0 0.09em 0;
text-transform:uppercase;
}

/***********************************************
Lookups
***********************************************/
.fieldLookup {
background: #ffffff;
border: 8px solid #00779C;
position: absolute;
padding: 5px;
overflow: visible;
z-index: 110000;
visibility: visible;
width:700px;
left:50%;
top:40px;
margin-left:200px;
}

.fieldLookupHeader {
position:relative;
height: 18px;
cursor: move;
}

.fieldLookupHeader span {
text-align: right;
cursor: pointer;
}

.fieldLookupHeader span div {
background-image: url(../images/header_close_button.png);
position:absolute;
top:-20px;
right:-20px;
width: 32px;
height: 32px;
}

#fieldLookupContent {
background-color: #ffffff;
overflow: auto;
width:100%;
height:95%;
}

/* overwrite */
#fieldLookupContent ul li a {
display: inherit;
cursor: pointer;
margin-top: 0px;
}

#fieldLookupContent td {
padding-top: 5px;
padding-bottom: 5px;
}

#fieldLookupContent td span a {
background: url(../images/fieldlookup.png) no-repeat;
display: inline-block;
}

#fieldLookupContent td a {

}


/* overwrite*/
#findScreenlet {
margin-top: 0;
}

.fadedBackground {
background: url(../images/faded_background.png);
position: absolute;
overflow: visible;
z-index: 109999;
visibility: visible;
left: 0px;
top: 0px;
}

.row-level-one.alternate-row {
background-color:#81817F;
}
.row-level-two {
background-color:#D4D0C8;
}

.basic-table.order-items tr td {
    vertical-align:top;
}
.order-items .order-item-description {
    display:inline;
    font-size:145%;
}
.basic-table.order-items .screenlet-body {
    background-color:#dfdfdf;
}
.basic-table.order-items .alternate-row .screenlet-body {
    background-color:#bfbfbf;
}

.order-info .current-status {
font-size:145%;
padding:10px;
}
.order-item-status-list .current-status {
font-size:145%;
}
.order-info .APPROVED, .order-list .APPROVED {
background-color:#a9b996;
}
.order-info .REJECTED, .order-list .REJECTED {
background-color:#b29898;
}
.order-item-status-list.APPROVED .screenlet-body, .alternate-row .order-item-status-list.APPROVED .screenlet-body {
background-color:#a9b996;
}
.order-item-status-list.REJECTED .screenlet-body, .alternate-row .order-item-status-list.REJECTED .screenlet-body {
background-color:#b29898;
}

#wait-spinner {
z-index:50000;
position:absolute;
}
#wait-spinner-image {
height:21px;
width:56px;
background-image:url(/tomahawk/images/spinner.gif);
}

/*=================== For the quickadd page =================================*/
.quickaddall{
float:right;
padding-bottom:1em;
padding-top:1em;
}

.quickaddtable{
display:inline-block;
clear:both;
}

.quickaddtable span {
display:inline;
float:left;
border-right:1px solid #999999;
border-top:1px solid #999999;
margin:0px;
padding:3px;
}

.quickaddtable p {
clear:left;
height:100% !important; height:1em;
}

.quickaddtable span.pid {
width:10%;
}

.quickaddtable span.name {
width:50%;
text-align:left;
}

.quickaddtable span.listPrice {
width:10%
}

.quickaddtable span.totalPrice {
width:10%
}

.quickaddtable span.qty {
width:10%
}

#footpanel {
	height:38px;
	background: #222;
	margin: 0;
	position:relative;
	clear:both;
	margin-top:-39px;
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	font-size: 11px;
}
#footpanel ul li{
	padding: 0; 
	margin: 0;
	float: left;
	position: relative;
	height:38px;
	line-height:38px;
}
#footpanel ul li a{
	padding: 0 5px;
	float: left;
	height: 38px;
	line-height:38px;
	text-decoration: none;
	color: #ccc;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #333; }
html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	background-color: #333;
	height: 38px;
	border-left:1px solid #333;
	border-right:1px solid #000;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}

#footpanel a.theme{
    background: url(../images/app-frame.png) 18px 50% no-repeat;	
	border-left:1px solid #222;
	border-right: 1px solid #000;
	text-indent: 0; /*--Reset text indent--*/
	text-align:center;
	padding-left:48px;
	padding-right:20px;
}

#footpanel a.locale{
    background: url(../images/clock.png) 18px 50% no-repeat;	
	border-left:1px solid #333;
	border-right: 1px solid #000;
	text-indent: 0; /*--Reset text indent--*/
	text-align:center;
	padding-left:48px;
	padding-right:20px;
}

#footpanel a.language {
    background: url(../images/globe.png) 18px 50% no-repeat;
    border-left: 1px solid #333; 
    border-right: 1px solid #222;
    padding-left:52px;
    padding-right:20px;
    text-align:center;
}

#footpanel li#localepanel, #footpanel li#languagepanel {	float: left; }  /*--Right align the chat and alert panels--*/

#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 38px;
	display: none;	/*--Hide by default--*/
	width: 120%;
	border: 2px solid #333;
	background: #333;
	overflow: hidden;
	padding-bottom: 24px;
	z-index:9999;
}
#footpanel h3 {
	background: #222;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { 
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #333;
	width: 100%;
	overflow: auto;
}
#footpanel .subpanel li{ 
	float: none; /*--Reset float--*/
	display: block;
	padding: 0 5px; 
	margin: 0;
	overflow: hidden;
	clear: both;
	background: #333;
	position: static;  /*--Reset relative positioning--*/
	font-size: 11px;
	border-top:1px solid #444;
	border-bottom:1px solid #222;
	height:40px;
	line-height:40px;
}

#footpanel .subpanel li:first-child {border-top:none}
#footpanel .subpanel li:last-child {border-bottom:none}



#footpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 40px;
	height: 40px;
	background: #333;
	display: block;
	color:#f2f2f2;
	font-size:10px;
}
#footpanel .subpanel li a:hover {
	color: #fff;
	text-decoration: none;
}


#languagepanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }


/* Global Declaration */

